<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<link rel="stylesheet" type="text/css" href="assets/css/styles.css"/>
	<link rel="stylesheet" type="text/css" href="assets/css/popup.css"/>
      <script src="assets/js/jquery-1.4.min.js" type="text/javascript"></script>
      <script src="assets/js/jquery-1.4.2.min.js" type="text/javascript"></script>
      <script src="assets/js/jquery.simplemodal.js" type="text/javascript"></script>
      <script src="assets/js/javascript.js" type="text/javascript"></script>
      
	<title>Collective Intelligence</title>
</head>
<body onload="setListCritics();">
	<table width="80%" align="center" cellpadding="0" cellspacing="0" >
		<tr>
			<td colspan="2">
				
			</td>
		</tr>
		<tr>
			<td colspan="2" class="datas" >
				<div id="logo" style="margin-left: 15px">&nbsp;</div>
				
				<div><h1>Similitud Eucledean & Pearson</h1></div>
				<div id="msgError" style="display:none;">Seleecione un critico en cada unos de los combos</div><br/><br/>
				<div class="searchBar">
						<form method="post" id="frmCriticos" action="ci.do" >
							Seleccione a los criticos:
							<SELECT id="cmbPerson1" id="cmbPerson1" NAME="cmbPerson1" onchange="removeItem('cmbPerson2',this.selectedIndex)">
								<option value="">Selected...</option>
							</SELECT>
						    
						    <SELECT id="cmbPerson2" id="cmbPerson2" NAME="cmbPerson2" >
						    	<option value="">Selected...</option>	
						    </SELECT>   	
							<input id="btnDoSearch" type="button" value="Similitud"/>
						</form>
				</div>
				<div><h1>Recomendaciones Eucledean & Pearson</h1></div>
				<div class="searchBar">
						<form method="post" id="frmRecomendacion" action="recomendation.do" >
							Seleccione a un critico:
							<SELECT id="cmbRecomendacion"  NAME="cmbRecomendacion" >
								<option value="">Selected...</option>
							</SELECT>
						    
							<input id="btnDoSearchRecomendacion" type="button" value="Recomendacion"/>
						</form>
				</div>
				<div><h1>TopMatches Pearsons</h1></div>
				<div class="searchBar">
						<form method="post" id="frmTopMatches" action="topMatchesPer.do" >
							Seleccione a un critico:
							<SELECT id="cmbTopMatches" NAME="cmbTopMatches" >
								<option value="">Selected...</option>
							</SELECT>
						    
							<input id="btnDoSearchTopMatches" type="button" value="TopMatches"/>
						</form>
				</div>
				<div><h1>TopMatches Peliculas</h1></div>
				<div class="searchBar">
						<form method="post" id="frmTopMatchesPelis" action="topMatchesPer.do" >
							Seleccione a un critico:
							<SELECT id="cmbTopMatchesPelis" NAME="cmbTopMatchesPelis" >
								<option value="">Selected...</option>
							</SELECT>
						    
							<input id="btnDoSearchTopMatchesPelis" type="button" value="TopMatches Peliculas"/>
						</form>
				</div>
			</td>
		</tr>
	</table>


<div style="display: none; padding: 10px;" id="details_popup">
    <div id="titlePopupUser" class="list_group_title"></div>
    <div id="details_popup_content">&nbsp;</div>
</div>
</body>
</html>